<template>
  <div>
    <div id="mse"></div>
  </div>
</template>

<script setup>
import Player from "xgplayer";
import { onMounted, ref } from "vue";

const player = ref();

onMounted(() => {
  player.value = new Player({
    id: "mse",
    autoplay: false,
    volume: 0.3,
    url: "//sf1-cdn-tos.huoshanstatic.com/obj/media-fe/xgplayer_doc_video/mp4/xgplayer-demo-720p.mp4",
    poster:
      "//lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/byted-player-videos/1.0.0/poster.jpg",
    playsinline: true,
    height: window.innerHeight,
    width: window.innerWidth,
  });
});
</script>

<style></style>
